import { Platform, StyleSheet, Dimensions} from 'react-native';

var windowWidth = Dimensions.get('window').width;
var windowHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: '#f3f3f3',
		// paddingLeft: 0,
		// paddingRight: 15,
		...Platform.select({
			ios: {
				paddingTop: 0
			},
			android:{
				paddingBottom: 0,
			}
		})
	},
	searchContainer:{
		flexDirection: 'row',
		height: 50,
	},
	searchLeft:{
		flex:1,
		paddingTop: 7.5,
		paddingBottom: 7.5,
		backgroundColor: '#fff',
		height: 50,
		borderBottomWidth: 1,
		borderColor: "#DDDDDD",
		justifyContent: 'center',
	},
	searchRight:{
		flex:1,
		paddingTop: 7.5,
		paddingBottom: 7.5,
		backgroundColor: '#fff',
		height: 50,
		borderBottomWidth: 1,
		borderColor: "#DDDDDD",
		justifyContent: 'center',
	},
	searchLeftBtn:{
		color: '#555555',
		paddingTop: 0,
		paddingTop: 4.5,
		paddingBottom: 4.5,
		paddingLeft: 15,
		paddingRight: 15,
		fontSize: 14,
		fontWeight: 'normal',
		textAlign: 'center'
	},
	searchRightBtn:{
		color: '#555555',
		paddingTop: 0,
		borderLeftWidth: 1,
		borderColor: "#DDDDDD",
		paddingTop: 4.5,
		paddingBottom: 4.5,
		paddingLeft: 15,
		paddingRight: 15,
		fontSize: 14,
		fontWeight: 'normal',
		textAlign: 'center'
	},
	finishContainer:{
        flex:1,
        ...Platform.select({
			ios: {
				paddingTop: 0
			},
            android:{
                // marginBottom: 44,
            }
		})
    },
	progressBar: {
		backgroundColor: '#f3f3f3',
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center'
	},
	seperator: {
		marginTop: 10,
		backgroundColor: '#8E8E8E'
	},
	addOrder:{
		// flex: 1,
		height: 44,
		borderRadius: 2,
		// marginLeft: 15,
		width: windowWidth - 30,
		flexDirection: 'row',
		backgroundColor: "#EA5404",
		justifyContent: 'center',
		alignItems: 'center'
	},
	addOrderImage:{
		marginRight: 7.5
	},
	addOrderBtnText:{
		// marginLeft: 15,
		fontSize: 15,
		color: "#ffffff"
	},
	footerContainer:{
		// flex:1,
		marginTop: 20,

	},
	pageLoad:{
		marginTop: 30
	},
	noDataContent:{
		// position: 'absolute',
		alignItems:'center',
		marginTop:  (windowHeight - 64 - 50 - 260) / 2,
		// justifyContent:'center',
		// flex:1,
		// backgroundColor:'#fff'
	},
	noDataContentWithBtn:{
		alignItems:'center',
		marginTop:  (windowHeight - 64 - 50 - 260) / 2,
	},

	textStyle: {
		color: '#555555',
		paddingTop: 0,
		fontSize: 15,
		fontWeight: 'normal'
	},
	markStyle:{
		position: 'absolute',
		right:20,
		top: 9,
		borderRadius: 20,
		minWidth: 17,
		maxHeight: 17,
		padding: 3,
		flex: 1,
		overflow:'hidden',
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#EA5404',
	},
	markTextStyle:{
		// lineHeight: 15,
		textAlign: 'center',
		fontSize: 10,
		color: '#ffffff'
	},
	underlineStyle: {
		height: 0,
		backgroundColor: '#EA5404'
	},
	tabBar: {
		// borderWidth: 1,
		borderBottomWidth: 1,
		borderColor: "#DDDDDD",
		backgroundColor: '#ffffff'
	},
	tabsContainerStyle:{
		// width: '80%'
	},
	tabStyle:{
		height: 49,
	    alignItems: 'center',
	    justifyContent: 'center',
		paddingLeft: 10,
    	paddingRight: 10,
	},
	bottomRefresh:{
		width: windowWidth,
		position: 'absolute',
		bottom: 0,
		height: 44,
		borderTopColor: '#B5B5B5',
		borderTopWidth: StyleSheet.hairlineWidth,
		backgroundColor: '#F9F9F9',
	},
	bottomRefreshTouch:{
		flexDirection: 'row',
		flex: 1,
		marginTop: 5,
		marginBottom: 5,
		borderRadius: 2,
		marginLeft: 10,
		marginRight: 10,
		borderColor: '#EA5404',
		borderWidth: StyleSheet.hairlineWidth,
		backgroundColor: '#FFF9F6',
		alignItems: 'center',
		justifyContent: 'center'
	},
	bottomRefreshTouchText:{
		marginLeft: 7.5,
		color:'#EA5404',
		fontSize: 15,

	}
});

export default styles;
